<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="/css/index.css">
        <link rel="stylesheet" href="/css/login.css">
        <link rel="stylesheet" href="/lib/font/iconfont.css">
        <script src="/lib/jquery/jquery-3.2.1.js"></script>
        <script src="/lib/requirejs/require.js" data-main="/js/register"></script>
	</head>
	<body>
            <div class="login_head">
                    <div>
                        <img src="/img/未标题-1.gif" alt="">
                        <a href="/index.html">丽子首页</a>
                        <p>0555-515216611</p>
                    </div>
                </div>

            <div class="middle">
               <div class="juzhong">
                   <h1></h1>

                <div class="g_box">
                    <div id="login-box">
        
                    <h2>
                    <div class="trig">已有账号?
                    <a href="/html/login.html" class="trigger-box">点击登录</a>
                    </div>注册
                    </h2>
                    <div class="register_infor">
                    <ul>
                    <li class="input_box">
                    <span class="t_text" style="display: block; " >手机</span>
                    <input type="text" name="username" id="username">
                    <span class="error_icon">err</span>
                    <script>
                        // 隐藏文字
                        $(".register_infor ul").on("click", "input", (event) => {
                            console.log($(".register_infor ul li span"));
                            // $(".register_infor ul li span").not(event.target).css('display','block');

                            $(".register_infor ul li span").css('display','block');
                          
                          
                            $(event.target).prev().css('display','none')
                        //    event.target.style.display="none"
                            
                        });
                        $(".register_infor ul").on("click", "span", (event) => {
                            console.log($(".register_infor ul li span"));
                            // $(".register_infor ul li span").not(event.target).css('display','block');

                            $(".register_infor ul li span").css('display','block');
                          
                          
                            $(event.target).css('display','none');
                            $(event.target).next("input").focus()


                        //    event.target.style.display="none"
                            
                        });
                    
                    
                    </script>
                    </li>
                    <li class="error_box">
                    <em></em>
                    </li>
                    <li class="input_box">
                    <span class="t_text" style="display: block;">密码</span>
                    <input type="password" name="password" id="password">
                    <span class="error_icon"></span>
                    </li>
                    <li class="error_box">
                    <em></em>
                    </li>
                    <li class="input_box">
                    <span class="t_text" style="display: block;">确认密码</span>
                    <input type="password" name="password2">
                    <span class="error_icon"></span>
                    </li>
                    <li class="error_box">
                    <em></em>
                    </li>
                    <li class="security_code input_box">
                    <span class="t_text" style="display: block;">短信验证码</span>
                    <input type="text" class="code_input" name="code" maxlength="6">
                    <span class="error_icon"></span>
                    <a href="javascript:;" class="graybtn send_code">发送短信验证码</a>
                    </li>
                    <li class="error_box">
                    <em></em>
                    </li>
                    <li class="lizi_law">
                    <label>
                    <input type="checkbox" checked="checked" name="accept_lizi_law" tabindex="5">
                    我已阅读并接受<a href="/about-lizi_agreement.html" target="_blank">《丽子服务协议》</a>
                    </label>
                    </li>
                    <li class="error_box">
                    <em></em>
                    </li>
                    <li class="go2register">
                    <a href="javascript:void(0);" class="btn submit_btn">同意协议并注册</a>
                    </li>
                    </ul>
                    </div>
                    </div>
                    </div>
            </div>

               <footer></footer>

	</body>
</html>
